import Vue from "vue"
import VueRouter from "vue-router"

// 全局安装路由插件
Vue.use(VueRouter)

// 导入路由页面路径
import mbx from "@/components/BreadcrumbNav.vue";
import ItemTitle from "@/components/ItemTitle.vue";
import TablePage from "@/components/TablePage.vue";


import MyImage from "@/views/imageitem/ImageItem.vue"

// 懒加载（推荐，优化首屏加载速度）
// const User = () => import('@/views/User.vue')

// 3、定义路由规则
const routes = [
    {
        path:'/',
        name:'home',
        component: mbx,
        meta: { title: '首页' } // 元信息（可选，可用于设置标题、权限等）
    },
    {
        path:'/title',
        name:'title',
        component: ItemTitle,
        meta: { title: '123' } // 元信息（可选，可用于设置标题、权限等）
    },
    {
        path:'/table',
        name:'aas',
        component: TablePage,
        meta: { title: '223' } // 元信息（可选，可用于设置标题、权限等）
    },
    {
        path:'/selectimg',
        name:'selectimage',
        component: MyImage,
        meta: { title: '镜像查询' } // 元信息（可选，可用于设置标题、权限等）
    },
] 

// 4. 创建路由实例
const router = new VueRouter({
    mode: 'history', // 路由模式：hash（默认，带 #）或 history（无 #，需后端配置）
    base: process.env.BASE_URL, // 基础路径（默认 '/'）
    routes // 传入路由规则
  })

export default router
